<template>
    <div class="shopbag-item">
        <!-- <van-stepper v-model="value" theme="round" button-size="22" disable-input /> -->
    </div>
</template>

<script lang="ts">

</script>

<style lang="less" scoped>
.shopbag-item {
    display: flex;
    padding: 10px;
    align-items: center;

    .check-box {
        width: 20px;
        height: 20px;
    }

    .price {
        font-size: 14px;
        font-weight: bold;
        color: #e4393c;
        margin-right: auto;
    }

    .enname {
        font-size: 12px;
        color: #999;
        margin-top: 3px;
    }

    .zhname {
        font-size: 14px;
        max-width: 100px;
    }

    .rule {
        margin-left: 20px;
        color: #666;
        font-size: 14px;
        max-width: 100px;
    }

    .shopbag-name {
        height: 40px;
    }

    .price-count {
        height: 40px;
        display: flex;
        align-items: center;
    }

    .zhname-box {
        display: flex;
    }

    .shopbag-item-img {
        width: 80px;
        height: 80px;
        background-color: #ddd;
        margin: 0 10px;
    }

    .shopbag-item-content {
        width: calc(~"100% - 20px - 20px - 80px");
        height: 80px;
    }
}
</style>